<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>优永动助手 - 设置</title>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="/layui/layui.all.js"></script>
    <link rel="stylesheet" href="/css/blog.css">
    <style>

        .person-item{
            line-height: 150px;
            font-weight: 600;
            border-top: 1px solid #b3b3b3;
            font-size: 34px;
        }
        .person-item-icon-back{
            font-size: 40px;
        }

        .exit-box{
            position: fixed;
            bottom: 200px;
            width: 100%;

        }
        .exit-btn{
            width: 80%;
            height: 110px;
            background-color: #23b14d;
            font-size: 42px;
            margin: 0 auto;
            border-radius: 20px;
            margin-left: 6%;


        }

    </style>
</head>
<body>

<div class="layui-row search-main log-title">

    <div class="layui-col-xs2" onclick="history.go(-1)">
        <i class="layui-icon layui-icon-left return-btn"></i>
    </div>

    <div class="layui-col-xs2 layui-col-xs-offset3">设置</div>

</div>
<div class="layui-row blog-main">

    <div class="layui-row person-item" onclick="editpersoninfo()">
        <div class="layui-col-xs2">
            <img src="/images/person.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs4 person-item-txt">个人资料</div>
        <div class="layui-col-xs2 layui-col-xs-offset4">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>

    <div class="layui-row person-item" onclick="question()">
        <div class="layui-col-xs2">
            <img src="/images/question.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs4 person-item-txt">问题反馈</div>
        <div class="layui-col-xs2 layui-col-xs-offset4">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>

    <div class="layui-row person-item" onclick="qinglihuancun()">
        <div class="layui-col-xs2">
            <img src="/images/qinglicache.png" width="90px" alt="">
        </div>
        <div class="layui-col-xs4 person-item-txt">清理缓存</div>
        <div class="layui-col-xs2 layui-col-xs-offset4">
            <i class="layui-icon layui-icon-right person-item-icon-back"></i>
        </div>
    </div>



    <div class="layui-row exit-box">
        <div class="layui-col-xs12">
            <button type="button" class="layui-btn layui-btn-danger exit-btn" onclick="exit()">退出登录</button>
        </div>
    </div>

</div>

<script>
    function exit() {
        window.location = "/logout";
    }


    function qinglihuancun() {
        alert("清理成功");
    }

    function editpersoninfo() {
        window.location = "/personinfo";
    }
    
    function question() {
        window.location = "/question";
    }
</script>

</div>
</body>
</html>